import React, { useEffect, useState } from 'react';
import Banner from "../../components/Banner"
import "../../styles/Home.scss"
import { base_swiper1 } from "../../utils/api"
interface Props {

}
function Home(props: Props) {
    var [swiperlist, setSwiperlist] = useState([])

    useEffect(() => {
        base_swiper1().then((res) => {
            if (res.data.code == 200) {
                setSwiperlist(res.data.list)
            }
        })
    }, [])

    return (
        <div className='home'>
            <Banner swiperlist={swiperlist} autoplay={true}></Banner>
            <div className='system'>
                <p><span>系统通知</span></p>
                <ul>
                    <li><a href="#">2021年11月版本更新说明  |  呼叫系统</a></li>
                    <li><a href="#">2021年11月版本更新说明  |  在线系统</a></li>
                    <li><a href="#">2021年11月版本更新说明  |  呼叫系统</a></li>
                    <li><a href="#">2021年10月版本更新说明  |  综合模块</a></li>
                </ul>
            </div>
        </div>
    );
}

export default Home;